<template>
 <!-- 退货退款 -->
  <view class="content">
    <view class="title">
      <view class="header-item" style="width: 270px">货品</view>
      <view class="header-item" style="width: 120px">退款金额 </view>
      <view class="header-item" style="width: 210px">申请时间 </view>
      <view class="header-item" style="width: 118px">类型</view>
      <view class="header-item" style="width: 120px">退款状态</view>
      <view class="header-item" style="width: 120px">订单操作</view>
    </view>

    <view class="foot">
      <input type="text" class="inputx" placeholder="输入商品标题" />
      <button class="btn">搜索</button>
    </view>
    <view class="search">
      <el-button disabled>上一页</el-button>
      <el-button disabled>下一页</el-button>
    </view>
    <view class="foot2">暂无数据</view>
  </view>
</template>

<script>
export default {
  name: "grzxReturn",
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.content {
  width: 100%;
  padding: 40rpx;
  margin-top: 20rpx;
  background-color: #fff;
  .title {
    background: #f2f2f2;
    height: 80rpx;
    font-size: 28rpx;
    color: #333;
    letter-spacing: 0.7px;
    display: flex;
    .header-item {
      line-height: 80rpx;
      text-align: center;
    }
  }
  .foot {
    display: flex;
    margin: 20px 0;
    .inputx {
      width: 602rpx;
      height: 80rpx;
      padding: 20rpx;
      border: 1px solid #ddd;
      font-size: 28rpx;
      box-sizing: border-box;
    }
    .btn {
      width: 200rpx;
      height: 80rpx;
      margin: 0;
      font-size: 32rpx;
      color: #666;
      letter-spacing: 0;
      background: #f8f8fa;
      border-radius: 0;
    }
  }
  .search {
    margin: 20rpx 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    button {
      color: #e1e1e1;
      background: #f8f8fa;
      margin: 0;
      width: 200rpx;
      height: 80rpx;
      background: #f8f8fa;
      border-radius: 4rpx;
      border: none;
      color: #666;
      text-align: center;
      text-decoration: none;
      font-size: 28rpx;
      line-height: 80rpx;
    }
  }
  .foot2 {
    text-align: center;
    height: 80rpx;
  }
}
</style>